<ion-header>
  <ion-navbar no-border-bottom>
    <ion-title>预警消息</ion-title>
    <ion-buttons end>
      <button ion-button (click)="moreOp()">操作</button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list *ngIf="returnData">
    <ion-item class="selectRule">
      <ion-select [(ngModel)]="selectRule" okText="完成" cancelText="取消" (ionChange)="selectRuleChange()">
        <ion-option *ngFor="let rule of returnData.rule" value="{{rule}}">{{rule}}</ion-option>
      </ion-select>
    </ion-item>
  </ion-list>
  <ion-list>
    <!--<ion-item>-->
    <!--</ion-item>-->
    <div *ngFor="let data of dataList">
      <ion-item (click)="viewDetail(data)">
        <ion-row>
          <ion-col col-1>
            <ion-icon name="document" color="primary"></ion-icon>
          </ion-col>
          <ion-col>
            <span>{{data.vc_treename}}</span>
          </ion-col>
          <ion-col col-2 *ngIf="!data.isRead">
            <ion-badge class="redBadge">new!</ion-badge>
          </ion-col>
        </ion-row>
      </ion-item>
    </div>
  </ion-list>
</ion-content>
